<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>购买页</title>
<link href="css/goumaifu.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.9.1.js" type="text/javascript"></script>
</head>
<body>
	<!--头部-->
	<div class="head">
    	<div class="head-top">
        	<div class="zuojiantou"></div>
            <a href="gaokaozhonghe.html"><p>返回</p></a>
            <h1>学数界</h1>
            <div class="wode"></div>
            <div class="clearfix"></div>
        </div>
   	  <div class="head-bottom">
        	<div class="head-box">
            <input type="text" placeholder="函数" style="outline:none">	
            </div>
            <img src="img/shizhong.jpg" alt="观看记录">
            <div class="clearfix"></div>
      </div>
    </div>
    <!--播放视频中-->
    <div class="bofang">
    	<img src="img/bofangshipin.jpg" alt="几何数学题">
        <div class="bofang-box"><p>立体几何问题</p></div>
    </div>
    <!--购买栏-->
	<div class="goumaikuang">
		<div class="biaoti">
			<p>课程选集</p>
		</div>
		<div class="biaoti-box">
			<div>1</div>
			<div>2</div>
			<div>3</div>
			<div>4</div>
			<div>5</div>
			
			<div class="clearfix"></div>
		</div>
<!--		<div class="zhanweikuai"></div>-->
		<div class="mulu">
			<div class="mulu-left"></div>
			<span>课程目录</span>
<!--			<p>总时长：282分钟</p>-->
			<div class="clearfix"></div>
		</div>
		<div class="mulu-content">
			<p>1.<a href="">立体几何公式（一）</a></p>
			<div class="xiti"><a style="color: #fff;" href="xitiye.html">习题</a></div>
			<span>45分钟</span>
			<div class="clearfix"></div>
		</div>
		<div class="mulu-content">
			<p>1.<a href="">立体几何公式（二）</a></p>
			<div class="xiti">习题</div>
			<span>85分钟</span>
			<div class="clearfix"></div>
		</div>
		<div class="mulu-content">
			<p>1.<a href="">立体几何公式（三）</a></p>
			<div class="xiti">习题</div>
			<span>19分钟</span>
			<div class="clearfix"></div>
		</div>
		<div class="mulu-content">
			<p>1.<a href="">立体几何公式（四）</a></p>
			<div class="xiti">习题</div>
			<span>26分钟</span>
			<div class="clearfix"></div>
		</div>
		<div class="mulu-content">
			<p>1.<a href="">立体几何公式（五）</a></p>
			<div class="xiti">习题</div>
			<span>26分钟</span>
			<div class="clearfix"></div>
		</div>
	
		<div class="goumai">
			<span>¥　98</span>
			<p>包含本页所有视频及习题</p>
			<div class="kaishi">开始学习</div>
			<div class="clearfix"></div>
		</div>
	</div>






   
</body>
<script>
	

	
	//记录图片位置数
var n = 0
//点圆点按钮
$(".biaoti-box div").click(function(){
	//图片框移动到对应位置
	n = $(this).index()//声明x代表按钮个数
	$(".mulu-content").css("color",blue);
	//换按钮效果
	$(".biaoti-box div").removeClass("dangqian")
	$(this).addClass("dangqian")
})
	


	
	/*banner切换*/
	function qiehuan(){
		$(".banner_img img:last").animate({opacity:0},3000,function(){//最后一张图变透明
			$(".banner_img img:first").before($(".banner_img img:last"))//变透明后放在第一张图前面
			$(this).css("opacity",1)//把当前图片恢复不透明
	})
	}
	setInterval(qiehuan,4000)
	/*scrollTop*/
	$(".banner_text input").click(function(){
		$("html,body").stop().animate({scrollTop:700},600)
	})


	//点击input字变没
	$("input").focus(function(){
	$(this).val(" ")
	})
	$("input").blur(function(){
	$(this).val( $("input").text() )
	})
	
	$(".zuojiantou").click(function(){
		window.location.href="gaokaozhonghe.html"
	})
	$(".head-top p").click(function(){
		window.location.href="gaokaozhonghe.html"
	})
	$(".xiti").click(function(){
		window.location.href="xitiye.html"
	})

</script>
</html>
<SCRIPT Language=VBScript><!--

//--></SCRIPT>